
<style>
    #extr-page #header {
        border-bottom: 0px solid;
        background: -moz-linear-gradient(#3B3937, #2B2927) !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#3B3937), to(#2B2927)) !important;
        -moz-box-shadow: 0 1px 0 black !important;
        -webkit-box-shadow: 0 1px 0 black !important;
        background: #fbf6f6 !important;
        color: black;
        border-bottom: 0px solid #eee !important;
    }
        #extr-page #header #logo {
            margin-top: 15px;
        }
            #extr-page #header #logo img {
                width: 35px;
                padding: 0 0 12px 0;
            }
            #extr-page #header #logo a {
                color: #7d5b13;
                font-size: 25px;
                font-weight: bold;
                text-shadow: 1px 2px 1px #b5b260;
                height: 30px;
                width: 50px;
                line-height: 30px;
                text-align: center;
            }

                #extr-page #header #logo a:hover {
                    color: #ff7800;
                }

    #extr-page #main {
        background: url(styles/img/back.jpg) top left;
        background-size: 100% 100%;
        overflow: hidden;
        margin: 0;
    }
    .back{
        background: url(styles/img/back.jpg) top left;
         background-size: 100% 100%;
    }
    #extr-page #main {
        padding-top: 170px;
    }

    #main {
        color: white;
    }

    #extr-page h5.about-heading {
        color: #eadcdc;
    }

    #extr-page {
        background: #333;
        overflow: visible;
    }

        #extr-page h4.paragraph-header {
            color: #fffafa;
        }

        #extr-page .login-header-big {
            font-size: 35px;
            font-weight: 400;
            padding-top: 44px;
        }
        .padding_x{
            padding-top:44px;
        }
</style>
<header id="header" class="animated fadeInDown">

    <div id="logo-group">
        <span id="logo"> <img src="styles/img/logo-blacknwhite.png" alt="中达BIM有限公司" style="width:65%"></span>
    </div>

</header>
<div class="back">
<div id="first-content" class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-7 col-lg-8 hidden-xs hidden-sm">
                <h1 class="txt-color-white login-header-big">施工管理物联网版</h1>

                <div class="hero">
                    <div class="pull-left login-desc-box-l">
                        <h4 class="paragraph-header"></h4>

                        <div class="login-app-icons">
                            <a ui-sref="app.dashboard" class="btn btn-danger btn-sm">我们官网</a>
                            <a href-void class="btn btn-danger btn-sm">更多的介绍</a>
                            <!--<a ui-sref="wxgzh" class="btn btn-danger btn-sm">公众号流程</a>-->
                            <a href="https://kf.qq.com/faq/120911VrYVrA150918fMZ77R.html?scene_id=kf3386" target="_blank" class="btn btn-danger btn-sm">公众号流程</a>
                        </div>
                    </div>
                    <img src="styles/img/demo/iphoneview.png" class="pull-right display-image" alt style="width:210px">
                </div>
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 txt-color-white">
                        <h5 class="about-heading">多终端和监控</h5>

                        <p>支持当前多种主流终端，帮助用户低成本完成将终端迁移至新的系统，同时可协商开发新终端协议</p>
                        <p>
                            监控终端实时状态；实时分析终端运营情况；定义监控规则对终端进行管理；支持视频监控
                        </p>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 txt-color-white">
                        <h5 class="about-heading">报表</h5>

                        <p>
                            提供多种不同的报表，协助用户从各种不同角度管理终端，如，模拟量分析，统计统计，离线分析等
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-5 col-lg-4">
                <div class="padding_x"></div>
                <div class="well no-padding">
                    <form id="login-form" class="smart-form client-form" data-smart-validate-form>
                        <header>
                            <!-- 账号登入<font color="red">{{warning}}</font> -->
                            <!-- <button class="wx_login btn btn-primary" ng-click="wxlogin()">微信登录</button> -->
                            <ol class="breadcrumb">
                                <li><a href="#" ng-click="zhanghao_login()">账号登入</a></li>
                                <!-- <li><a style="color: black" href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxe9b3a49046f23992&redirect_uri=http%3A%2F%2Fwww.sxzd365.com%2Fwx_login2&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect" ng-click="wx_login()">微信登录</a></li> -->
                                <font color="red">{{warning}}</font>
                            </ol>

                        </header>
                        <div id="zhanghao">
                            <fieldset>
                                <section>
                                    <label class="label" style="background-color:transparent;">账号</label>
                                    <label class="input">
                                        <i class="icon-append fa fa-user"></i>
                                        <input type="text" name="email" ng-model="credentials.id">
                                        <b class="tooltip tooltip-top-right">
                                            <i class="fa fa-user txt-color-teal"></i>
                                            请输入您的邮箱或用户名
                                        </b>
                                    </label>
                                </section>
                                <section>
                                    <label class="label" style="background-color:transparent;">密码</label>
                                    <label class="input">
                                        <i class="icon-append fa fa-lock"></i>
                                        <input type="password"
                                               data-smart-validate-input
                                               data-required
                                               data-maxnlength="20"
                                               data-message="请输入密码"
                                               ng-model="credentials.pass">
                                        <b class="tooltip tooltip-top-right"><i class="fa fa-lock txt-color-teal"></i>输入您的密码</b>
                                    </label>


                                </section>

                            </fieldset>
                            <footer>
                                <button class="btn btn-primary" ng-click="loginPost()">
                                    登录
                                </button>
                                <button type="button" class="btn btn-primary">
                                <!-- https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxe9b3a49046f23992&redirect_uri=http%3A%2F%2Fwww.sxzd365.com%2Fwx_login2&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect 
                                http%3A%2F%2Fwww.sxzd365.com%2Fzd%2Fwx_login.html
                                -->
                                   <a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxe9b3a49046f23992&redirect_uri=http%3A%2F%2Fwww.sxzd365.com%2Fwx_code&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect" style="color: white" ng-click="wx_login1()">
                                   公众号
                                   </a>  
                                </button>
                            </footer>
                        </div>
                        <div id="wx_container" style="margin-left: 30px;">

                        </div>
                    </form>
                </div>

            </div>
        </div>
</div>
</div>
<!--<div style="height:2px"></div>-->
<style>
    .tcopyright {
        width: 100%;
        margin: 0 auto;
        padding: 8px 0;
        font-size: 11px;
        line-height: 20px;
        color: #686868;
        text-align: center;
        overflow: hidden;
        clear: both;
        background: #333;
    }

        .tcopyright .en {
            font-family: Arial;
        }

        .tcopyright a {
            color: #686868;
            text-decoration: none;
        }

            .tcopyright a:hover {
                color: #bd0a01;
                text-decoration: underline;
            }
</style>

<div id="tcopyright" class="tcopyright" role="contentinfo">
    <div>
        <a href="http://sxzd365.com" target="_blank" rel="nofollow">关于中达物联网</a>
         | 
        <a href="http://sxzd365.com" target="_blank" rel="nofollow">App</a>
         | 
        <a href="" target="_blank" rel="nofollow">服务协议</a>
         | 
        <a href="http://www.qq.com/privacy.htm" target="_blank" rel="nofollow">隐私政策</a>
         | 
        <a href="" target="_blank" rel="nofollow">开放平台</a>
         | 
        <a href="http://sxzd365.com" target="_blank" rel="nofollow">客服中心</a> 
        <a href="http://sxzd365.com" target="_blank" rel="nofollow">网站导航</a>
    </div>
    <div class="en">Copyright &copy; 1998 - 2016 sxzd-bim. All Rights Reserved</div>
    <div>
        <a href="http://sxzd365.com" target="_blank" rel="nofollow">中达物联</a> <a href="http://sxzd365.com" target="_blank" rel="nofollow">版权所有</a>
    </div>

</div>
